.expression {
  font-weight: bold;
}

.operator {
  color: red;
}

.number {
  color: blue;
}

.dot {
  color: red;
}

.parentheses_0 {
  color: rgb(242, 62, 255);
}

.parentheses_1 {
  color: rgb(63, 173, 100);
}

.parentheses_2 {
  color: rgb(255, 121, 121);
}

.addition,
.subtraction {
  color: #008000;
}

.multiplication,
.division {
  color: #ff4500;
}

.equality {
  color: #1efffb;
}

.unknow {
  color: #ff4500;
  border: solid 1px red;
}

.container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
}

input,
#code {
  width: 100%;
  height: 40px;
  margin: 10px;
  font-size: 25px;
  border: 2px solid rgb(255, 121, 121);
}

#code {
  border: 2px solid rgb(121, 206, 255);
}